<style>
    .profile-avatar-container {
        position: relative;
        width: 100px;
        margin: 0 auto;
    }

    .profile-avatar-container .profile-user-img {
        width: 100px;
        height: 100px;
    }

    .profile-avatar-container .profile-avatar-text {
        display: none;
    }

    .profile-avatar-container:hover .profile-avatar-text {
        display: block;
        position: absolute;
        height: 100px;
        width: 100px;
        background: #444;
        opacity: .6;
        color: #fff;
        top: 0;
        left: 0;
        line-height: 100px;
        text-align: center;
    }

    .profile-avatar-container button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        opacity: 0;
    }
</style>
<div class="row animated fadeInRight">
    <div class="col-md-4">
        <div class="box box-primary">
            <div class="panel-heading">
                {:__('商店信息')}
            </div>
            <div class="panel-body">
                <form id="update-form" role="form" data-toggle="validator" method="POST"
                    action="{:url('general.profile/update')}">
                    {:token()}
                    <input type="hidden" id="c-avatar" name="row[avatar]" value="{$admin.avatar|htmlentities}" />
                    <div class="box-body box-profile">

                        <div class="profile-avatar-container">
                            <img class="profile-user-img img-responsive img-circle"
                                src="{$admin.avatar|cdnurl|htmlentities}" alt="">
                            <div class="profile-avatar-text img-circle">{:__('Click to edit')}</div>
                            <button type="button" id="faupload-avatar" class="faupload" data-input-id="c-avatar"><i
                                    class="fa fa-upload"></i> {:__('Upload')}</button>
                        </div>

                        <h3 class="profile-username text-center">{$admin.nickname|htmlentities}</h3>
                        <div class="form-group">
                            <label for="nickname" class="control-label">{:__('Nickname')}:</label>
                            <input type="text" class="form-control" id="nickname" name="row[nickname]"
                                value="{$admin.nickname|htmlentities}" data-rule="required" />
                        </div>
                        <div class="form-group">
                            <label for="price" class="control-label">{:__('运费')}:</label>
                            <input type="number" class="form-control" id="price" name="row[price]"
                                value="{$admin.price|htmlentities}"  />
                        </div>
                        <div class="form-group">
                            <label for="hypothermia" class="control-label">{:__('最低消费')}:</label>
                            <input type="number" class="form-control" id="hypothermia" name="row[hypothermia]"
                                value="{$admin.hypothermia|htmlentities}"  />
                        </div>
                        <div class="form-group">
                            <label for="sendtime" class="control-label">{:__('送达时间（分钟）')}:</label>
                            <input type="number" class="form-control" id="sendtime" name="row[sendtime]"
                                value="{$admin.sendtime|htmlentities}"  />
                        </div>
                        <div class="form-group">
                            <label for="mobile" class="control-label">{:__('标签')}:</label>
                            <input type="text" class="form-control" data-role='tagsinput' value="{$admin.tags|htmlentities}" id="tags" name="row[tags]"
                                data-tagsinput-options='{ "trimValue":true}' />

                        </div>
                        <!-- <div class="form-group">
                            <label for="email" class="control-label">{:__('Email')}:</label>
                            <input type="text" class="form-control" id="email" name="row[email]" value="{$admin.email|htmlentities}" data-rule="required;email"/>
                        </div> -->
                     
                        <!-- <div class="form-group">
                            <label for="password" class="control-label">{:__('Password')}:</label>
                            <input type="password" class="form-control" id="password"
                                placeholder="{:__('Leave password blank if dont want to change')}"
                                autocomplete="new-password" name="row[password]" value="" data-rule="password" />
                        </div> -->
                        <div class="form-group">
                            <button type="submit" class="btn btn-primary">{:__('Submit')}</button>
                            <button type="reset" class="btn btn-default">{:__('Reset')}</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>

    </div>

</div>